<template>
  <div class="profile-box">
    <div class="profile-box-content">
      <img src="@/assets/img/profile.jpg" alt="" />
    </div>
  </div>
</template>

<script>
export default {};
</script>
<style lang="scss" scoped>
@import "@/assets/global";
.profile-box {
  float: left;
  width: 25vh;
  height: 25vh;
  min-height: calc($minHgt/4);
  min-width: calc($minHgt/4);
  border-radius: 50%;
  .profile-box-content {
    width: 80%;
    height: 80%;
    margin: 7% auto 0;
    border-radius: 50%;
    background-color: #fff;
    img {
      width: 100%;
      border-radius: 50%;
    }
  }
}
</style>